<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../js/cookie.js"></script>
</head>

<body>
  <button class="set">创建(存储)</button>
  <button class="get">获取</button>
</body>
<script>


  //  cookie需要注意的问题
  // 1. cookie 不能跨网站 (京东存储的cookie 只能在京东使用)
  // 2. cookie 不能跨浏览器 (谷歌的cookie  QQ浏览器也不能使用)
  // 3. 有些浏览器在使用中文时，会出现乱码   => 中文的编码和解码 

  var setBtn = document.querySelector(".set");
  var getBtn = document.querySelector(".get");



  setBtn.onclick = function () {
    // var user = "张三";
    // var enStr = encodeURIComponent(user);
    // setCookie("user",enStr,7);
    setCookie("user", "李四", 7);
  }


  getBtn.onclick = function () {
    // var enStr = getCookie("user");
    // console.log(enStr);
    // var str = decodeURIComponent(enStr);
    // console.log(str);

    console.log(getCookie("user"));
  }
</script>

</html>